.ea-table_wrap,
.ea-table_fixed-column {
  position: relative;
  background-color: #fff;
  overflow: hidden;

  .ea-table_header-wrap .ea-table_header,
  .ea-table_body-wrap .ea-table_main,
  .ea-table_main {
    position: relative;

    box-sizing: border-box;
    padding: 12px 0;

    width: 100%;
    min-width: 0;

    text-overflow: ellipsis;
    vertical-align: middle;
    text-align: left;

    border-collapse: collapse;
    table-layout: fixed;

    .ea-table__cell {
      border-top: 1px solid #ebeef5;
      border-bottom: 1px solid #ebeef5;

      box-sizing: border-box;

      padding: 8px;
      color: #606266;

      &.th-cell {
        color: #909399;
      }

      &.is-gutter {
        width: 15px;
        padding: 0;
      }
    }

    &.border {
      .ea-table__cell {
        border: 1px solid #ebeef5;
        padding: 8px;
        color: #606266;

        &.is-gutter {
          width: 15px;
          padding: 0;
          min-width: none;
        }
      }
    }

    &.stripe {
      .ea-table__row:nth-child(2n) {
        background-color: #fafafa;
      }
    }
  }

  .ea-table_main {
    position: absolute;
    left: 0;
    top: 0;
  }

  .ea-table_header-wrap {
    .ea-table_header {
    }
  }

  .ea-table_body-wrap {
    overflow-y: auto;

    .ea-table_main {
      .ea-table__row {
        &:hover {
          background-color: #f5f7fa;
        }
        &.is-current-row {
          background-color: #ecf5ff;
        }
      }
    }
  }
}
